<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/8/11
  Time: 15:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<html>
<head>
    <title>登录首页</title>
    <link rel="stylesheet" href="/user/Login.css">
    <link rel="stylesheet" href="/static/icon/icon.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <%--layui css--%>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
<!--头部-->
<header id="xc-user-header">
    <!--头部包装器-->
    <div class="xc-header-wrapper">
        <div class="xc-lg-head">
            <h1 class="xc-jumpHome">
                <a href="http://localhost:8090/index/Index.jsp" type="hidden" title="携程旅行网"></a>
                <!--            <img class="xc-header-img" src="../static/imgs/1.png">-->
            </h1>
        </div>
        <div class="xc-tips">
            <img class="xc-tips-img" src="/static/imgs/user-caveat.png">
            依据《网络安全法》，为保障您相关功能的正常使用，账号需绑定手机，如您未绑定则登录后会引导您操作绑定。 新版
            <a href="http://pages.ctrip.com/public/serve%20guideline.htm?2">《隐私政策》</a>
            已上线，感谢您的支持。
        </div>
    </div>
</header>
<!--主体部分-->
<mianBody id="xc-user-body">
    <div class="xc-body-wrapper">
        <!--广告背景图-->
        <div class="xc-background-wrapper">
            <div class="xc-part-img">
                <div class="xc-part-ads">
                    <span class="xc-ads">广告</span>
                </div>
            </div>
        </div>
        <!--个性登录-->
        <div class="xc-login">
            <div class="xc-login-wrapper">
                <!--个性化登录-->
                <div class="xc-login-box">
                    <!--标题部分-->
                    <h1 class="xc-box-title">
                        携程账号登录
                        <a href="http://localhost:8090/user/select.jsp">
                            手机号查单
                            <i>></i>
                        </a>
                    </h1>
                    <!--输入账号密码及登录部分-->
                    <div class="xc-part-inputLogin">
                        <form action="/api/user/userLogin"  method="post">
                            <!--账号输入-->
                            <dl class="xc-username">
                                <dd>
                                    <input class="xc-inputAccount" type="text" name="user_name" placeholder="国内手机号/用户名/邮箱" autocomplete="off">
                                </dd>
                            </dl>
                            <!--密码输入-->
                            <dl class="xc-password">
                                <dd>
                                    <input class="xc-inputPassword" type="password" name="user_password" placeholder="登录密码" autocomplete="off">
                                    <a href="http://localhost:8090/user/retrievePassword.jsp">忘记密码</a>
                                </dd>
                            </dl>

                            <div class="mm-login-error">${message}</div>
                            <input id="message" type="text" value="${message}" style="display: none">
                            <!--滑块-->
                            <%--                            <div id="slideTest1"></div>--%>

                            <!--登录-->
                            <dl>
                                <!--登录选项部分-->
                                <div class="xc-login-set">
                                    <div class="xc-check">
                                        <input type="checkbox" checked="checked">
                                        30天内自动登录
                                    </div>
                                    <a href="http://localhost:8090/user/userLoginPhone.jsp">
                                        手机动态密码登录
                                        <img src="/static/imgs/user-rightArrow.png">
                                    </a>
                                </div>
                                <dd>
                                    <!--点击登录部分-->
                                    <button class="xc-submit-login" onclick="tip()">登&nbsp;录</button>
                                </dd>
                            </dl>
                            <!--提示-->
                            <p class="xc-agreement">
                                登录即代表您同意我们的
                                <a href="">服务协议</a>
                                和
                                <a href="">隐私政策</a>
                            </p>
                        </form>
                    </div>
                    <!--选择登录方式-->
                    <div class="xc-login-selection">
                        <!--关于登录-->
                        <div class="xc-login-about">
                            <a href="">境外手机</a>
                            <span class="xc-sep">|</span>
                            <a href="">公司客户</a>
                            <span class="xc-sep">|</span>
                            <a href="">携程通</a>
                            <a href="http://localhost:8090/user/indexAddUser.jsp" class="free-register">免费注册</a>
                        </div>
                        <!--选则其他登录方式-->
                        <div class="xc-login-other">
                            <!--支付宝-->
                            <a href="" class="iconfont xc-icon-alipay" >&#xe65c;</a>
                            <!--qq-->
                            <a href="" class="iconfont xc-icon-qq">&#xe603;</a>
                            <!--百度-->
                            <a href="" class="iconfont xc-icon-baidu">&#xe600;</a>
                            <!--新浪微博-->
                            <a href="" class="iconfont xc-icon-sina">&#xe621;</a>
                            <!--微信-->
                            <a href="" class="iconfont xc-icon-wechat">&#xe60c;</a>
                        </div>
                    </div>
                    <!--扫码登录-->
                    <div class="xc-login-scanCode">
                        <a href="http://localhost:8090/user/userLoginCode.jsp">
                            扫<br />
                            码<br />
                            登<br />
                            录<br />
                            <img src="/static/imgs/user-code.png">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</mianBody>
<!--底部-->
<footer id="xc-user-foot">
    <div class="xc-foot-wrapper">
        <p>
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">网站导航</a>
            |
            <a href="">宾馆索引</a>
            |
            <a href="">用户协议</a>
            |
            <a href="">关于携程</a>
            |
            <a href="">企业公民</a>
            |
            <a href="">诚聘英才</a>
            |
            <a href="">分销联盟</a>
            |
            <a href="">企业礼品卡采购</a>
            |
            <a href="">代理合作</a>
            |
            <a href="">广告业务</a>
            |
            <a href="">联系我们</a>
            |
            <a href="">返回旧版</a>
        </p>
        <p>
            <a href="">Copyright ©</a>
            1999-2020,
            <a href="">ctrip.com</a>
            . All rights reserved.
        </p>
    </div>
</footer>
<script>
    function tip() {
        let message = document.getElementById("message").value;
        let str = '登录成功';
        console.log(message);
        if(message === str){
            alert('登录成功！');
            window.location.href="http://localhost:8090/index/Index.jsp";
            window.event.returnValue=false;
        }
    }
</script>
<%--</script>--%>
<%--<script src="/static/layui/layui.js"></script>--%>
<%--<script>--%>
<%--    layui.use('slider', function(){--%>
<%--        var slider = layui.slider;--%>
<%--        //渲染--%>
<%--        slider.render({--%>
<%--            elem: '#slideTest1' , //绑定元素--%>
<%--            range:true--%>
<%--            // theme:#CCCCCC--%>
<%--        });--%>
<%--    });--%>
<%--</script>--%>

<%--jquery--%>
<script src="/static/js/jquery.min.js"></script>
<%--layui js--%>
<script src="/static/layui/layui.all.js"></script>
</body>
</html>